<script setup>
import indexLayout from '@/component/indexLayout.vue';
import { useTeacherStore } from '@/stores/modules/teacherStore';
import { getReservationRouter } from '@/utils/teacherRouter';
import Menu from './menu/index.vue';
import Content from './content/index.vue';

const teacherStore = useTeacherStore();

// 通过roleNums(老师的身份)来提供不同的路由以及headerStyle
const { menuList, headerStyle } = getReservationRouter(teacherStore.roleNums);
</script>

<template>
    <indexLayout :headerStyle="headerStyle" :menu="menuList" userType="teacher">
        <template #menu>
            <Menu></Menu>
        </template>
        <template #content>
            <Content></Content>
        </template>
    </indexLayout>
</template>
